<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .nav {
            background: #333;
        }

        .nav .nav-item {
            padding: 10px;
            color: #b0b0b0;
        }

        .nav .nav-item a {
            text-decoration: none;
            cursor: pointer;
            padding: 5px;
            border-radius: 50%;
        }

        .nav .nav-item a:hover {
            background-color: #e8500b;
        }

        img {
            width: 100%;
            height: 100%;
            background-size: cover;
        }
    </style>
    <link rel="stylesheet" href="{{ url_for('static',filename='/libs/layui/css/layui.css') }}">
    <script src="{{ url_for('static',filename='/libs/layui/layui.all.js') }}"></script>
    <script src="{{ url_for('static',filename='/libs/jquery-3.5.1.min.js') }}"></script>
</head>
<body>
<div class="text-title-box ml-3 mb-2 badge badge-info">
    <h1 class="text-white">市民疫情网</h1>
</div>
<div style="clear: both;"></div>

<ul class="nav justify-content-lg-start rounded shadow-sm" style="width: 60%;float: left">
    <li class="nav-item">
        <a class="btn-dark" href="/">首页</a>
    </li>
    <li class="nav-item">
        <a class="btn-dark" href="/anhui">安徽疫情</a>
    </li>
    <li class="nav-item">
        <a class="btn-dark" href="/hotNews">疫情新闻追踪</a>
    </li>
    <li class="nav-item">
        <a class="btn-dark" href="/cov/write">健康信息填报</a>
    </li>
    <li class="nav-item">
        <a class="btn-dark" href="/suggest">反馈</a>
    </li>
</ul>
<ul class="nav justify-content-lg-end rounded shadow-sm" style="width: 40%;">
    {% if username == None %}
        <li class="nav-item">
            <a class="btn-dark" href="/tologin">登录</a>
        </li>
        <li class="nav-item">
            <a class="btn-dark" href="/toregister">注册</a>
        </li>
    {% else %}
        <li class="nav-item">
            你好：{{ username }}
        </li>
        <li class="nav-item">
            <a class="btn-dark" href="/logout">注销</a>
        </li>
    {% endif %}


</ul>
</body>
</html>